<template>
    <main-learning-map v-if="Pro.Learn"></main-learning-map>
    <main-forum v-if="Pro.ForumData"></main-forum>
    <dev-tools v-if="Pro.Dev"></dev-tools>
    <PriJob v-if="Pro.PrivateJData"></PriJob>
</template>

<script>
import MainLearningMap from '@/components/main-part/primary-service/learning-map/Main-learning-map'
import MainForum from '@/components/main-part/primary-service/Main-forum'
import DevTools from '@/components/main-part/primary-service/dev-tools'
import PriJob from '@/components/main-part/PriJob'

export default {
  name: 'Primary-service',
  components: {
    PriJob,
    DevTools,
    MainForum,
    MainLearningMap
  },
  props: {
    msg: {
      type: Object,
      default () {
        return {
          Dev: false,
          Learn: true,
          ForumData: false,
          PrivateJData: false
        }
      }
    }
  },
  data () {
    return {
      Pro: this.$props.msg
    }
  }
  /*
  {
        Dev: false,
        Learn: true,
        ForumData: false,
        PrivateJData: false
      }
   */
}
</script>

<style scoped>

</style>
